<html>
  <head>
	  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>i5ting_ztree_toc:README</title>
		<link href="toc/style/github-bf51422f4bb36427d391e4b75a1daa083c2d840e.css" media="all" rel="stylesheet" type="text/css"/>
		<link href="toc/style/github2-d731afd4f624c99a4b19ad69f3083cd6d02b81d5.css" media="all" rel="stylesheet" type="text/css"/>
		<link href="toc/css/zTreeStyle/zTreeStyle.css" media="all" rel="stylesheet" type="text/css"/>
	  <style>
		pre {
		    counter-reset: line-numbering;
		    border: solid 1px #d9d9d9;
		    border-radius: 0;
		    background: #fff;
		    padding: 0;
		    line-height: 23px;
		    margin-bottom: 30px;
		    white-space: pre;
		    overflow-x: auto;
		    word-break: inherit;
		    word-wrap: inherit;
		}

		pre a::before {
		  content: counter(line-numbering);
		  counter-increment: line-numbering;
		  padding-right: 1em; /* space after numbers */
		  width: 25px;
		  text-align: right;
		  opacity: 0.7;
		  display: inline-block;
		  color: #aaa;
		  background: #eee;
		  margin-right: 16px;
		  padding: 2px 10px;
		  font-size: 13px;
		  -webkit-touch-callout: none;
		  -webkit-user-select: none;
		  -khtml-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}

		pre a:first-of-type::before {
		  padding-top: 10px;
		}

		pre a:last-of-type::before {
		  padding-bottom: 10px;
		}

		pre a:only-of-type::before {
		  padding: 10px;
		}

		.highlight { background-color: #ffffcc } /* RIGHT */
		</style>
  </head>
  <body>
	  <div>
				<div style='width:25%;'>
						<ul id="tree" class="ztree" style='width:100%'>

						</ul>
				</div>
        <div id='readme' style='width:70%;margin-left:20%;'>
          	<article class='markdown-body'>
            	<h1 id="-">个人简历</h1>
<p>梁霄的个人简历</p>
<h2 id="-">个人信息</h2>
<p><strong>姓名</strong>：梁霄</p>
<p><strong>性别</strong>：男</p>
<p><strong>学校专业</strong>：河南科技大学 机电工程学院</p>
<p><strong>简书</strong>：<a href="https://www.jianshu.com/u/ad0a6e47980a">https://www.jianshu.com/u/ad0a6e47980a</a></p>
<p><strong>Github</strong>：<a href="https://github.com/liangxioa/">https://github.com/liangxioa/</a></p>
<p><strong>期望职位</strong>：前端开发工程师</p>
<h2 id="-">联系方式</h2>
<p><strong>手机号码</strong>：17629701806</p>
<p><strong>QQ</strong>：804092147</p>
<p><strong>邮箱</strong>：<a href="mailto:804092147@qq.com">804092147@qq.com</a></p>
<p><strong>微信</strong>：liangxioa521</p>
<h2 id="-">技术能力</h2>
<p>专注并且热爱web开发，熟练掌握JavaScript、HTMl、CSS以及JavaScript框架来搭建web应用。了解原生JavaScript和JavaScript类库的使用。</p>
<ul>
<li>掌握的JavaScript类库：jQuery</li>
<li>掌握的JavaScript框架：Vue、React</li>
<li>掌握的CSS预编译器：Less、Sass</li>
<li>掌握项目构建工具：Webpack</li>
<li>掌握项目管理和协同工具的使用：SVN、Git</li>
<li>掌握基本后端开发：NodeJS、Python、Mysql、Nignx、PHP、Go等</li>
<li>掌握不同方向技能：小程序、Electron、Cordova等</li>
<li>掌握web相关技术：Socket、Express等</li>
<li>其他工具使用：Photoshop、PxCook、Axure、Figma、Xmind、Office等</li>
</ul>
<h2 id="-">个人经历</h2>
<ul>
<li>2013年进入河南科技大学大学学习</li>
<li>2015年投入web学习</li>
<li>2016年-2017年加入创业团队，系阿蒲猫前端开发</li>
<li>2018年6月就职于洛阳矩阵软件有限公司</li>
<li>2019年7月成长为公司前端组长</li>
</ul>
<h2 id="-">项目经历</h2>
<h3 id="-">[阿蒲猫微信商城]</h3>
<ul>
<li>简介<ul>
<li>阿蒲猫是一个综合校园在线平台，分为零食、驾校、教育培训、旅游等板块，为在校学生提供服务。项目采取了PHP+微信公众平台的方式，使用了ThinkPHP框架进行开发。</li>
</ul>
</li>
<li>项目收获<ul>
<li>深入理解了MVC框架，熟悉了PHP模板引擎的工作方式</li>
<li>尝试了没有框架条件下的移动端Web开发</li>
<li>理解了微信授权、微信API的工作机制</li>
</ul>
</li>
<li>项目总结<ul>
<li>在本项目中，我担任了移动端的前端开发以及素材的设计工作。这个项目可以说是我个人的启蒙项目，在这个项目中，我将自己之前学到的基础知识真真正正的用到项目中去，让我受益匪浅。同时，本项目中我还学会了使用PS工具，这在我以后的成长中，也是一种受益。</li>
</ul>
</li>
</ul>
<h3 id="-">【数字迎新小程序】</h3>
<ul>
<li>简介<ul>
<li>数字迎新是高校开学进行迎接新生的小程序，该小程序涵盖了迎新过程中的在线选宿舍、在线交学费、在线贷款申请、在线领钥匙、新生信息统计以及新生问卷调查等功能。该小程序采用Java后端+小程序的方式，后端使用了SpringBoot框架，前端则采用小程序原生的开发方式。</li>
</ul>
</li>
<li>项目收获<ul>
<li>深入理解了Ajax的运作方式</li>
<li>深入理解了订单、支付的流程</li>
<li>通读了小程序的各种API</li>
<li>对于前端工具库有了更深的理解</li>
</ul>
</li>
<li>项目总结<ul>
<li>在本项目中，由我全权负责了小程序端的开发。这个项目中让我的开发水平有了质的飞越，我在这个项目中学会了原生开发小程序，并能够运用Ajax进行数据请求，这在现在看来微不足道，但对当时的我确实很大的一个进步。同时，在小程序的开发过程中，我也认识到了前端工具库的重要性。之后的开发工作中，我也开始不断去总结代码片段添加到自己的工具库中。</li>
</ul>
</li>
</ul>
<h3 id="-">【工单小程序】</h3>
<ul>
<li>简介
+工单小程序是企业维修人员上门服务处理工单使用的工具小程序，该小程序充分使用了微信提供的获取地理位置的接口。该小程序使用了PHP后端+小程序的方式，后端使用了Laravel框架，前端采用小程序原生的开发方式。</li>
<li>项目收获<ul>
<li>认识到IOS、Android的兼容问题；</li>
<li>深入理解socket的运行方式；</li>
</ul>
</li>
<li>项目总结<ul>
<li>在本项目中，我遇到了IOS和Android的兼容性问题（new Date(&quot;2019-08-22 15:39:25&quot;)在IOS中无法正常工作，因为IOS中new Date()不支持&quot;-&quot;这个符号），我开始学会不断的关注不同端的兼容性问题。同时，在本项目中，我也学会运用socket，本小程序中使用的是别人改动过的socket.io的小程序版本。</li>
</ul>
</li>
</ul>
<h3 id="-">【第二课堂小程序】</h3>
<ul>
<li>简介<ul>
<li>第二课堂小程序是高校针对学生举办活动的线上平台，学生能够在该平台报名社团、参加活动、增加课外素质学分。</li>
</ul>
</li>
<li>项目收获<ul>
<li>学会了组件化开发小程序的方式；</li>
</ul>
</li>
</ul>
<h3 id="-">【智慧校园小程序】</h3>
<ul>
<li>简介<ul>
<li>智慧校园小程序是各业务系统的统一入口,它能够动态的加载用户有权限使用的各项应用。</li>
</ul>
</li>
<li>项目收获<ul>
<li>该小程序使用了动态加载应用的方式，动态的列出了各项应用；</li>
<li>在各应用中传递参数使用加解密方式，极大的提高了系统的安全性；</li>
</ul>
</li>
</ul>
<h3 id="-">【督导小程序】</h3>
<ul>
<li>简介<ul>
<li>督导小程序为高校教师听课提供了一个线上的平台。</li>
</ul>
</li>
<li>项目收获<ul>
<li>本项目对于不同身份的权限管理又很大的要求，也让自己对于不同权限下软件的开发有了更深入的理解；</li>
<li>在该小程序多次使用了录音和视频以及上传录音和视频、播放录音和视频的功能，学到了微信的录音及录制视频接口；</li>
</ul>
</li>
</ul>
<h3 id="-">【顶岗实习小程序】</h3>
<ul>
<li>简介<ul>
<li>顶岗实习小程序为学生外出实习提供了一个线上平台，该小程序对学生外出实习进行规范化的管理。</li>
</ul>
</li>
<li>项目收获<ul>
<li>小程序单独的开发了一套基于websocket的聊天系统，在聊天功能中，定点跳转到指定消息位置功能让自己学会了灵活应用scroll-view组件；</li>
<li>在本项目中，应用了一定的交互动画，让自己对于交互动画的开发有了很大的进步；</li>
</ul>
</li>
</ul>
<h3 id="-">【绩效考核小程序】</h3>
<ul>
<li>简介<ul>
<li>绩效考核小程序为教师的绩效考核提供了一个线上平台。它能够灵活的展现教师的各指标项的分数，并能够对教师绩效进行统计展示。</li>
</ul>
</li>
<li>项目收获<ul>
<li>小程序中多处使用图表进行数据展示，采用了F2的小程序版本进行展示，F2小程序版本的文档目前即为欠缺，导致在这次的开发中踩了很多坑</li>
</ul>
</li>
</ul>
<h3 id="-">【教科研管理系统】</h3>
<ul>
<li>简介<ul>
<li>教科研管理系统采用了vue-cli的方式进行开发，使用了Element组件</li>
</ul>
</li>
<li>项目收获<ul>
<li>Element上传组件的再封装,自定义文件上传方法</li>
<li>封装Axios请求库，实现对请求（request）及响应（response）的统一拦截处理</li>
</ul>
</li>
</ul>
<h3 id="-">【课程发展中心】</h3>
<ul>
<li>简介<ul>
<li>课程发展中心采用了vue-cli的方式进行开发，使用了Element组件</li>
</ul>
</li>
<li>项目收获<ul>
<li>对页面进行深度优化，提高页面加载速度</li>
</ul>
</li>
</ul>
<h3 id="-">【企业数据大屏】</h3>
<ul>
<li>简介<ul>
<li>某跨国企业国内总部数据大屏开发工作，该大屏展示三维地球，并在地球上展示该企业的项目。</li>
</ul>
</li>
<li>项目收获<ul>
<li>对WebGL封装库Three.js的使用，封装了经纬度坐标转换三维立体坐标的方法，并实现了地球的定点旋转</li>
<li>对三维模型的材质、光线、贴图产生了深刻的认识</li>
<li>设计算法实现循环的时间轴</li>
</ul>
</li>
</ul>
<h3 id="-app-">【货运平台App】</h3>
<ul>
<li>简介<ul>
<li>项目是在App中内嵌WebView，主要制作的是WebView中的H5页面。</li>
</ul>
</li>
<li>项目收获<ul>
<li>通过Bridge桥接方式与安卓、Ios原生进行交互；</li>
<li>对项目架构进行设计，封装统一的Bridge方法；</li>
</ul>
</li>
</ul>
<h2 id="-">小型业务</h2>
<h3 id="-">【校历】</h3>
<p>针对教师、学生的课程、会议等信息进行日历形式的展示，并能为每个用户提供新增会议、日程的功能。</p>
<h3 id="-">【疫情状态统计】</h3>
<p>针对2020年初的疫情对教师及学生进行状态的填报，以及对实时数据的展示，主要解决了在各个设备中的兼容性问题。</p>
<h2 id="-">团队建设工作</h2>
<h3 id="-">【建立工作规范】</h3>
<ul>
<li>背景<ul>
<li>在工作中建立良好的工作规范，有利于团队工作的效率以及更好的后期维护。</li>
</ul>
</li>
<li>建立的工作规范有：<ul>
<li>命名规范</li>
<li>UI样式规范</li>
<li>注释规范</li>
<li>依赖规范</li>
<li>项目结构规范</li>
<li>交付规范</li>
</ul>
</li>
</ul>
<h3 id="-">【建立前端团队工作进度监督制度】</h3>
<ul>
<li>内容<ul>
<li>在实际工作中，每天早上用十分钟时间简单说下现在手头的工作进度，并将新的任务下放，根据进度及时调整团队的开发方式以提高效率。</li>
</ul>
</li>
</ul>
<h2 id="-">开源项目</h2>
<h3 id="-react-">【React表单生成工具】</h3>
<p>项目地址：<a href="https://github.com/liangxioa/formedit">https://github.com/liangxioa/formedit</a>
本项目是基于React制作的表单生成工具，实现了类似excel式的表单编辑功能，极大的提高了表单编辑的效率。</p>
<h3 id="-ios-">【仿iOS计算器小程序】</h3>
<p>项目地址：<a href="https://github.com/liangxioa/mp_ioscalculator">https://github.com/liangxioa/mp_ioscalculator</a>
本项目是仿照iOS计算器开发制作的一个小程序计算工具。</p>
<h3 id="-">【公式计算】</h3>
<p>项目地址：<a href="https://github.com/liangxioa/spc">https://github.com/liangxioa/spc</a>
本项目是用户使用自定义的语法创建公式，该公式计算器将根据公式，自动的提取出公式中的变量，用户输入变量即可计算出公式的结果。</p>
<h2 id="-">自我简介</h2>
<p>对待工作认真负责，善于沟通、协调有较强的组织能力与团队精神；活泼开朗、乐观上进、有爱心并善于施教并行；上进心强、勤于学习能不断提高自身的能力与综合素质。在未来的工作中，我将以充沛的精力，刻苦钻研的精神来努力工作，稳定地提高自己的工作能力，与企业同步发展。</p>

          	</article>
        </div>
		</div>
  </body>
</html>
<script type="text/javascript" src="toc/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="toc/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="toc/js/ztree_toc.js"></script>
<script type="text/javascript" src="toc_conf.js"></script>

<SCRIPT type="text/javascript" >
<!--
$(document).ready(function(){
    var css_conf = eval(markdown_panel_style);
    $('#readme').css(css_conf)
    
    var conf = eval(jquery_ztree_toc_opts);
		$('#tree').ztree_toc(conf);
});
//-->
</SCRIPT>